* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.user_news{height: 60px; line-height: 60px; background: #E62129; text-align: center; font-weight: bold; font-size: 24px; color: #fff;}
.user_news span{color: #EAFF00;}
.user_news a{display: inline-block; vertical-align: top; color: #fff; }

.ad_account.header-adv{height: 100px;position: relative;}
.ad_account.header-adv .header-adv_close{width: 38px;height: 38px;background: url(../image/common/ad_close231111.png);position: absolute; top: 50%; margin-top: -19px; right: 50%; margin-right: -640px; z-index: 2; cursor: pointer;transition: all 0.2s;-webkit-transition: all 0.2s;}
.ad_account.header-adv .header-adv_close:hover{background: url(../image/common/ad_close231111-h.png);}
.ad_account.header-adv .header-adv_img{height: 100px;}
.center1200 {
  width: 1200px;
  margin: auto;
}
.fixedtop {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06);
}
.header-width {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
header {
  height: 132px;
}
/* 顶部横幅 start*/
.header-adv {
  width: 100%;
  height: 60px;
  text-align: center;
  position: relative;
  transition: height 0.3s;
}

.header-adv.header-adv_hide {
  height: 0px;
  overflow: hidden;
}

.header-adv .header-adv_img {
  width: 1920px;
  height: 60px;
  object-fit: cover;
}
.header-adv .header-adv_close {
  width: 22px;
  height: 22px; 
  position: absolute;
  right: 50%;
  margin-right: -640px;
  top: 50%;
  margin-top: -11px;
  cursor: pointer;
}
/* 顶部横幅 end*/
.header-t {
  background: #f2f2f8;
  color: #191829;
  font-size: 13px;
  height: 42px;
  overflow: hidden;
  transition: height 0.3s;
}
.header-t.header-t-hide {
  height: 0;
}

.header-login:hover,
.header-register:hover,
.header-enc:hover,
.header-user:hover,
.header-about:hover {
  color: #de0f19;
}

.header-t > .header-width {
  display: flex;
  align-items: center;
  height: 100%;
}
.header-hi {
  font-size: 13px;
  font-family: Microsoft YaHei;
  color: #191829;
}
.header-hi span {
  color: #c0bdc6;
  font-style: italic;
  font-weight: bold;
}
.header-login {
  margin-left: 18px;
  display: flex;
  align-items: center;
}
.header-login::before,
.header-register::before,
.header-enc::before,
.header-user::before,
.header-about::before,
.header-tel::before {
  content: '';
  display: block;
  background: url(../image/header/css_sprites.png);
  margin-right: 4px;
}
.header-login::before {
  width: 13px;
  height: 13px;
  background-position: -146px -221px;
}

.hdicon1,.hdicon2,.hdicon3{padding-left: 18px;margin-right: 18px;position: relative;}
.hdicon1:hover,.hdicon2:hover,.hdicon3:hover{color: #de0f19;}
.hdicon1::after,.hdicon2::after,.hdicon3::after{content: "";display: block;width: 14px;height: 14px;background-image: url(../../version2/about/images/help/icon.png);position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.hdicon1::after{background-position: -1394px -262px;}
.hdicon2::after{width: 12px; height: 13px;background-position: -1370px -173px;}
.hdicon3::after{background-position: -1408px -262px;}
.header-register {
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.header-register::before {
  width: 13px;
  height: 13px;
  background-position: -113px -221px;
}
.header-fill {
  flex: 1;
}
.header-enc {
  display: flex;
  align-items: center;
}
.header-enc::before {
  width: 13px;
  height: 13px;
  background-position: -80px -221px;
}
.header-user {
  display: flex;
  align-items: center;
  margin-left: 18px;
}
.header-user::before {
  width: 12px;
  height: 14px;
  background-position: -260px -10px;
}
.header-about {
  display: flex;
  align-items: center;
  margin-left: 18px;
}
.header-about::before {
  width: 13px;
  height: 13px;
  background-position: -47px -221px;
}
.header-tel {
  display: flex;
  align-items: center;
  margin-left: 23px;
  font-size: 16px;
  font-family: DINPro;
  font-weight: 500;
  color: #e41921;
}
.header-tel::before {
  width: 12px;
  height: 12px;
  background-position: -260px -44px;
}
.header-tel span {
  font-size: 13px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #191829;
}
.header-b {
  height: 90px;
  background: #ffffff;
  transition: height 0.3s;
}
.header-b.fixedtop {
  /* height: 75px; */
}
.header-b > .header-width {
  height: 100%;
  display: flex;
  align-items: center;
}
.header-logo {
  display: block;
  /* width: 180px;
  height: 41px; */
  max-width: 100%;
  max-height: 100%;
}
.header-list {
  margin-left: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.header-item {
  display: flex;
  align-items: center;
  border-bottom: 0px solid #e41921;
  transition: all 0.3s;
  position: relative;
}
.header-item::after {
  content: '';
  display: block;
  width: 0;
  height: 4px;
  background: #e41921;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  transition: width 0.3s;
}
.header-item > span,.header-item > a {
  font-size: 17px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #191829;
  line-height: 46px;
  transition: all 0.3s;
}
.header-item:hover::after,
.header-item.active::after {
  width: 20px;
}
.header-item:hover > span,
.header-item.active > span,
.header-item:hover > a,
.header-item.active > a {
  color: #e41921;
}
/* item 标签跳动 start*/
.header-f_operate,
.header-f_design,
.header-f_customer {
  position: absolute;
  top: -15px;
  left: 50%;
  display: block;
  background: url(../image/header/d11_sprites.png);
  animation: headerUpdownSmall 1.2s infinite alternate;
  transform: translateX(-50%);
}
.header-hot,
.header-new {
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  background: url(../image/header/css_sprites.png);
  animation: headerUpdown 1.2s infinite alternate;
}
@keyframes headerUpdown {
  30% {
    top: -9px;
  }
  50% {
    top: -5px;
  }
}
@keyframes headerUpdownSmall {
  30% {
    top: -19px;
  }
  50% {
    top: -15px;
  }
}
.header-f_operate {
  left: calc(50% - 7px);
  width: 95px;
  height: 27px;
  background-position: -2px -33px;
}
.header-f_design {
  left: calc(50% - 7px);
  width: 108px;
  height: 27px;
  background-position: -2px -2px;
}
.header-f_customer {
  width: 95px;
  height: 27px;
  background-position: -2px -64px;
}
.header-hot {
  width: 27px;
  height: 17px;
  background-position: -209px -171px;
}
.header-new {
  width: 29px;
  height: 17px;
  background-position: -160px -171px;
}
/* item 标签跳动 end*/
.header-icon-home {
  margin-right: 4px;
  width: 17px;
  height: 16px;
  background: url(../image/header/css_sprites.png);
  background-position: -10px -221px;
}

.header-icon-arrow {
  margin-left: 4px;
  width: 10px;
  height: 6px;
  background: url(../image/header/css_sprites.png);
  background-position: -260px -76px;
}
.header-dropdown {
  width: 0;
  background: #ffffff;
  box-shadow: 0px 25px 60px 0px rgba(95, 103, 110, 0.45);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(100%);
  left: 50%;
  padding: 7px 26px 17px;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.3s;
  z-index: 99999;
  transform: translateX(-50%);
}
.header-item:hover .header-dropdown {
  width: 218px;
  height: 234px;
  opacity: 1;
}

.header-item-ds.header-item:hover .header-dropdown {
  height: 299px;
}
.header-item-zhibo.header-item:hover .header-dropdown {
  height: 234px;
}
.header-item-fgs.header-item:hover .header-dropdown {
  height: 102px;
}
.header-item-about.header-item:hover .header-dropdown {
  height: 204px;
}

.header-dropdown-title {
  padding: 16px 0;
  margin: 0 5px;
  font-size: 17px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #191829;
  line-height: 1;
  border-bottom: 1px solid #f1f2fa;
}
.header-dropdown-list {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.header-dropdown-item {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #191829;
  line-height: 1;
  display: flex;
  align-items: center;
  padding: 10px 0;
  transition: color 0.3s;
}
.header-dropdown-item:hover,
.header-dropdown-item.active {
  color: #e41921;
}
.header-dropdown-item::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: url(../image/header/css_sprites.png?v=1);
  margin-right: 14px;
}
.header-dropdown-tm::before,
.header-dropdown-tb::before,
.header-dropdown-jd::before,
.header-dropdown-pdd::before,
.header-dropdown-tmgj::before {
  width: 23px;
  height: 23px;
  margin-right: 17px;
}
.header-dropdown-tm::before {
  background-position: -83px -249px;
}
.header-dropdown-tb::before {
  background-position: -29px -249px;
}
.header-dropdown-jd::before {
  background-position: -2px -249px;
}
.header-dropdown-pdd::before {
  background-position: -110px -249px;
}
.header-dropdown-tmgj::before {
  background-position: -56px -249px;
}
.header-dropdown-dxd::before {
  background-position: -110px -71px;
}
.header-dropdown-senkawa::before{background: url(../image/header/i_senkawa.png);}
.header-dropdown-zhiboroom::before{background: url(../image/header/i_zhiboroom.png);}
.header-dropdown-dd::before {
  background-position: -60px -71px;
}
.header-dropdown-qc::before {
  background-position: -10px -71px;
}
.header-dropdown-dsp::before {
  background-position: -60px -171px;
}
.header-dropdown-dr::before {
  background-position: -210px -60px;
}
.header-dropdown-yx::before {
  background-position: -160px -71px;
}
.header-dropdown-sjsj::before {
  background-position: -60px -121px;
}
.header-dropdown-sy::before {
  background-position: -110px -171px;
}
.header-dropdown-sc::before {
  background-position: -10px -121px;
}
/* 双11悬浮 start */
.d11-fixed {
  position: fixed;
  top: 50%;
  left: 30px;
  z-index: 99;
}
.d11-fixed_close {
  position: absolute;
  right: -20px;
  top: -20px;
  cursor: pointer;
}
.d11-fixed_operate,
.d11-fixed_design,
.d11-fixed_customer {
  position: absolute;
  left: 0;
  right: 0;
  height: 30px;
}
.d11-fixed_operate {
  top: 137px;
}
.d11-fixed_design {
  top: 173px;
}
.d11-fixed_customer {
  top: 209px;
}
/* 双11悬浮 end */
/* 2022双12氛围 start */
.header-f_double{display: block; width: 75px; height: 26px; position: absolute; top: -15px; left: 50%; margin-left: -46px; animation: headerUpdownSmall 1.2s infinite alternate;}
.header-f_double.doubleimg1{background: url(../../activity/double12/images/fenwei_nav1.png);}
.header-f_double.doubleimg2{background: url(../../activity/double12/images/fenwei_nav2.png);margin-left: -38px;}
.header-f_double.doubleimg3{background: url(../../activity/double12/images/fenwei_nav3.png);}
.d12-fixed{width: 199px;height: 238px;background: url(../../activity/double12/images/fenweifloat.png);position: fixed;top: 50%;left: 30px;z-index: 99;}
.d12-fixed>a{display: block;width: 168px;height: 230px;position: absolute;left: 0;top: 0;z-index: 7;}
.d12-fixed div{width: 127px;height: 86px;position: absolute;left: 17px;top: 135px;z-index: 8;}
.d12-fixed div a{display: block;width: 127px;height: 26px;margin-top: 2px;}
.d12-fixed_close{width: 25px;height: 25px;cursor: pointer;position: absolute;right: 0;top: 10px;z-index: 9;}
/* 2022双12氛围 end */
.logo_animate2023{width: 180px;height: 90px;background: url(../../mainstation/image/common/logo_animate2023.png) no-repeat;background-size: auto 90px;animation: scrollTop 1.6s steps(40) infinite;-webkit-animation: scrollTop 1.6s steps(40) infinite;}
@keyframes scrollTop { 0% {background-position: 0 0;} 100% {background-position: -7200px 0;} }
@-webkit-keyframes scrollTop { 0% {background-position: 0 0;} 100% {background-position: -7200px 0;} }
.logo_animate20231111{width: 235px;height: 75px;background: url(../../mainstation/image/common/logo_animate20231111.png) no-repeat;background-size: 235px;animation: scrollTop11 4.8s steps(120) infinite;-webkit-animation: scrollTop11 4.8s steps(120) infinite;}
@keyframes scrollTop11 { 0% {background-position: 0 0;} 100% {background-position: 0 -9000px;} }
@-webkit-keyframes scrollTop11 { 0% {background-position: 0 0;} 100% {background-position: 0 -9000px;} }
/* 2023.3月关于我们改版新增 start */
.espic .header-dropdown-item::before{display: none;}
.espic.header-item:hover .header-dropdown{width: 132px;}
.espic .header-dropdown-list{align-items: center;width: 80px;}
/* 2023.3月关于我们改版新增 end */